<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/22.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>

<body>
  <div class="container">
    <div class="sy">
      <img src="./logob.png" alt="">
      <button class="btn btn-group">网站首页</button>
      <button class="btn btn-group">关于我们</button>
      <button class="btn btn-group dropdown-toggle" data-toggle="dropdown">产品中心</button>
      <div class="dropdown-menu">
        <a href="#" class="dropdown-item">产品一类</a>
        <a href="#" class="dropdown-item">产品二类</a>
        <a href="#" class="dropdown-item">产品三类</a>
        <a href="#" class="dropdown-item">产品四类</a>
      </div>
      <button class="btn btn-group">新闻动态</button>
      <button class="btn btn-group">案例展示</button>
      <button class="btn btn-group">服务团队</button>
      <button class="btn btn-group">我们的服务</button>
      <button class="btn btn-group">联系我们</button>
    </div>
  </div>
  <div class="carousel slide" data-ride="carousel" id="banner">
    <div class="carousel-inner">
      <div class="carousel-item active bg-primary">
        <img src="./f1.png" alt="" class="w-100 d-block">
      </div>
      <div class="carousel-item">
        <img src="./f2.png" alt="" class="w-100 d-block">
      </div>
    </div>
    <a href="#banner" class="carousel-control-prev bg-secondary" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
    </a>
    <a href="#banner" class="carousel-control-next bg-secondary" data-slide="next">
      <span class="carousel-control-next-icon"></span>
    </a>
    <ul class="carousel-indicators">
      <li data-slide-to="0" data-target="#banner" class="active"></li>
      <li data-slide-to="1" data-target="#banner"></li>
    </ul>
  </div>
  <div class="tb">
    <div class="bg-white">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
            <img src="./t1.png" alt="">
            <h3>专注品质</h3>
            <p>20年经验，都是吹出来的</p>
          </div>
          <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
            <img src="./t2.png" alt="">
            <h3>用心服务</h3>
            <p>专业的团队，提供更全的服务</p>
          </div>
          <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
            <img src="./t3.png" alt="">
            <h3>精益求精</h3>
            <p>披星戴月，传参工匠精神</p>
          </div>
          <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
            <img src="./t4.png" alt="">
            <h3>售后保障</h3>
            <p>我们拥有完善的售后保障服务</p>
          </div>
        </div>
      </div>
    </div>
    <div class="wb">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-12 mb-2">
            <img src="./w2.png" alt="" class="d-block">
            <img src="./w2.png" alt="" class="d-block">
          </div>
          <div class="col-lg-4 col-12 mb-2">
            <div class="d-flex text-center justify-content-around xz-footlist">
              <ul class="list-unstyled">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">公司简介</a></li>
                <li><a href="#">企业文化</a></li>
                <li><a href="#">资质荣誉</a></li>
              </ul>
              <ul class="list-unstyled">
                <li><a href="#">新闻动态</a></li>
                <li><a href="#">行业新闻</a></li>
                <li><a href="#">建站学堂</a></li>
                <li><a href="#">常见问题</a></li>
              </ul>
              <ul class="list-unstyled">
                <li><a href="#">微信开发</a></li>
                <li><a href="#">企业文化</a></li>
                <li><a href="#">APP开发</a></li>
                <li><a href="#">网络营销</a></li>
              </ul>
              <ul class="list-unstyled">
                <li><a href="#">联系方式</a></li>
                <li><a href="#">电话：xxx</a></li>
                <li><a href="#">QQ：xxx</a></li>
                <li><a href="#">邮箱：xxx</a></li>
                <li><a href="#">地址：xxx</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 col-12 mb-2">
            <div class="float-left text-center">
              <a href=""><h3>不大不小的企业</h3></a>
              <img src="./w2.png" alt="" class="d-block mb-2">
              <img src="./w2.png" alt="" class="d-block">
            </div>
            <div class="float-left">
              <img src="./zh.png" alt="" class="ml-3 mt-3">
</body>

</html>